<?PHP
     /***********************************************
     CÓDIGO FUENTE ELABORADO POR VISO TEGNOLOGIA 
	visoconstrucciones.com
 	DANIEL VICTOR REYES GARZA 
     ***********************************************/
//Carga el archivo de seguridadque cntrola el acceso no deseado ala aplicacion
require ("controles/seguridad.php");
include ("controles/sistema.php");
require ("controles/controlpermisos.php");
include ("controles/requisiciones.php");

//tampoco pueda acceso a la página por medio de la URL
$idPropietario = $_SESSION['idUsuario'];
if ((in_array("31",$permisos,true) == false) and ($idRol !="1") and (in_array($idPropietario,$directores,true)==false)){ header("Location: inicio.php"); exit();}

//Buscar por GET
if(isset($_GET['buscar'])){
    $buscar=$_GET['buscar'];
}  else {
    $buscar="";
}

//anioT es a variable de seccion anio que se carga en seguridad.php
//anioT es a variable de seccion anio que se carga en seguridad.php
$anioA = $anioT;
$porPagina = 20; //rows per page
$arr = array('buscar'=> $buscar, 'contar' => true );
$filas = $requis->leerClaves($arr);
$paginas = ceil($filas/$porPagina);

?> 

<!DOCTYPE html>
<html lang="es-ES">
    <head>
        <meta charset="iso-8859-1"> 
        <title>Sistema de Requisiciones</title>
        <![if !IE]><link rel="stylesheet" href="css/global.css"/><![endif]>
        <!--[if lt IE 9]>
        <script type="text/javascript" src="js/html5.js"></script>
        <link rel="stylesheet" href="css/globalIE.css"/>
        <![endif]-->
        <!--[if gte IE 9]>
        <script type="text/javascript" src="js/html5.js"></script>
        <link rel="stylesheet" href="css/global.css"/>
        <![endif]-->
        <link rel="stylesheet" href="css/paginador.css"/>
        <link rel="stylesheet" href="js/colorbox/colorbox.css" />
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.paginate.js"></script>
        <script src="js/jquery.colorbox.js"></script>
        <script> 
        $( document ).ready(function() {
            
            $('body').on('click', '.caja', function(e){
                e.preventDefault();
                $(this).colorbox({
                    iframe:true, 
                    width:"800px",
                    height:"400px",
                    onClosed:function(){
                        if(window.recargate){
                            consultaAjax2($('#pagina').val(),$('#anio').val(),$('#porPagina').val(),$('#buscar').val());
                            window.recargate = false;
                        }
                    } 
               });
            });
            
            consultaAjax2($('#pagina').val(),$('#anio').val(),$('#porPagina').val(),$('#buscar').val());

            var paginas = $("#paginas").val();
            $("#paginador").paginate({
                count       :paginas,
                start       : 1,
                display         : 8,
                border          : true,
                border_color        : '#fff',
                text_color          : '#fff',
                background_color    : 'black',  
                border_hover_color  : '#ccc',
                text_hover_color    : '#000',
                background_hover_color  : '#fff', 
                images          : false,
                mouse           : 'press',
                onChange : function(page){
                    consultaAjax2(page,$('#anio').val(),$('#porPagina').val(),$('#buscar').val());
                    $('#pagina').val(page);
                    $("html, body").animate({ scrollTop: 0 }, "slow");
                }
            });

        });

         function consultaAjax2(page,anio,porpagina,buscar){
            $.ajax({
                url : 'ajax/claves_tabla.php',
                data : {
                    anio : anio,
                    buscar : buscar,
                    pagina: page,
                    porPagina: porpagina
                },
                type : 'POST',
                success : function(resultado){
                    $('#tabla').html(resultado);
                }
            });
        }
        </script>     
    </head>
    <body>
    <div id="emboltura">
        <?php /* Header */ include ("encabezado.php"); ?>
        <?php /* Nav */ $menu = 1;
        include ("menu.php"); ?>
        <section class="contenido">
            <!--Todo el Contenido del archivo -->
            <h1>Catalogo de claves</h1>

                <a id="nuevo12" class="icono48 caja" href="ajax/claves_campos.php" title="Nueva Clave"><img src="css/imagenes/icono_nuevo.png" alt="Nueva Clave"/></a>
            <form action="claves.php" method="GET">
        
                <label class="etiqueta">Buscar clave:</label>
                <input type="text" name="buscar" id="buscar" value="<?php echo $buscar ?>"/>

            </form>
            <div style="display:none">
                <input type="text" name="anio" id="anio" value="<?php echo $anioA; ?>">
                <input type="text" name="pagina" id="pagina" value="1">
                <input type="text" name="paginas" id="paginas" value="<?php echo $paginas; ?>">
                <input type="text" name="porPagina" id="porPagina" value="<?php echo $porPagina; ?>">
            </div>

            <div id="tabla"></div>

            <div class="cpaginador">
                <div id="paginador" ></div>
            </div>

        </section>
    </div> 
    	<?php /*Pie*/ include ("piedepagina.php");  ?>
</body>
</html>
